
<!DOCTYPE html>
<html>
<head>
    <link rel="preload" href="/_next/12f26aa9-09dd-4a3a-93ef-b78b31f97e7a/page/" as="script"/>
    <link rel="preload" href="/_next/12f26aa9-09dd-4a3a-93ef-b78b31f97e7a/page/_error/index.js" as="script"/>
    <link rel="preload" href="/_next/246a1e983374da205dc13b5fcc8677ce/app.js" as="script"/>
    <meta charSet="utf-8" class="next-head"/>
    <title class="next-head">beauthes</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" class="next-head"/>
    <link href="/atom" type="application/atom+xml" rel="alternate" title="Guillermo Rauch" class="next-head"/>
    <style id="__jsx-1788676843">
        .home.jsx-1788676843{
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            -webkit-align-items:center;
            -webkit-box-align:center;
            -ms-flex-align:center;
            align-items:center;
            -webkit-box-pack:center;
            -webkit-justify-content:center;
            -ms-flex-pack:center;
            justify-content:center;
            z-index:-1;
        }
        .main.jsx-1788676843{
            -webkit-flex:none;
            -ms-flex:none;
            flex:none;
            text-align:center;
        }
        h1.jsx-1788676843{
            font-size:14px;
            font-weight:normal;
        }
        nav.jsx-1788676843{
            margin-top:20px;
        }
        a.jsx-1788676843{
            display:inline-block;
            margin:0 15px;
            text-decoration:none;
        }</style>
    <style id="__jsx-3820774761">
        *{
            margin:0;box-sizing:border-box;
        }
        body{
            font:13px Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
        }
        a{
            color:#22BAD9;
            -webkit-tap-highlight-color:rgba(0,0,0,0);
        }

        a:hover{
            color:#fff;
            background:#22BAD9;
            text-decoration:none;
        }
        #nprogress{
            pointer-events:none;
        }
        #nprogress .bar{
            background:#22BAD9;
            position:fixed;
            z-index:1031;
            top:0;left:0;
            width:100%;
            height:2px;
        }
        #nprogress .peg{
            display:block;
            position:absolute;
            right:0px;
            width:100px;
            height:100%;
            box-shadow:0 0 10px #22BAD9,0 0 5px #22BAD9;
            opacity:1.0;
            -webkit-transform:rotate(3deg) translate(0px,-4px);
            -ms-transform:rotate(3deg) translate(0px,-4px);
            transform:rotate(3deg) translate(0px,-4px);
        }
    </style>
    <style id="__jsx-942610349">
        .main.jsx-942610349{
            padding:25px 50px;
        }

        .logo.jsx-942610349{
            padding-bottom:50px;
        }

        a.jsx-942610349{
            text-decoration:none;
        }
        @media (max-width:500px){.main.jsx-942610349{padding:25px 15px;}.logo.jsx-942610349{padding-bottom:20px;}}</style>
</head>
<body>
<div>
    <div id="__next">
        <div data-reactroot="">
        <div class="jsx-942610349 main">
            <div class="jsx-942610349 logo">
                <a class="jsx-942610349" href="/">beauthes.com</a>
                <!-- -->(<a href="/" target="_blank" class="jsx-942610349">src</a>)
            </div>
            <div class="jsx-1788676843 home">
                <div class="jsx-1788676843 main">
                    <h1 class="jsx-1788676843">Welcome to Sakura's bolg</h1>
                    <nav class="jsx-1788676843">
                        <a class="jsx-1788676843" href="">Essays</a>
                        <a href="" class="jsx-1788676843">Myself</a>
                        <a href="" class="jsx-1788676843">Others</a>
                    </nav>
                </div>
            </div>
            <div class="jsx-3820774761"></div>
        </div>
    </div>
    </div>
</div>
<div>
<div>

</div>
</div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/home.js"></script>
</html>